@import url('./utils/preflight.scss');
@import url('./scrollbar.scss');
@tailwind base;
@tailwind components;
@tailwind utilities;

$color-white: #ffffff;

@mixin set-css-var-value($name, $value) {
  #{joinVarName($name)}: #{$value};
}

:root {
  @include set-css-var-value('color-white', $color-white);
  --text-color-placeholder: brown;
}
.test {
  // color: getCssVar('text-color-placeholder');
  color: var(--text-color-placeholder);
  // transition: getCssVar('transition-fade', 'linear');
  transition: opacity 340ms ease-out;
}
#app {
  width: 100%;
  height: 100%;
}
